import BigBase from "./BigBase"
import { CapsuleChart } from '@jiaminghi/data-view-react'

interface IConfig {
    data: Array<{ name: string, value: number }>
    colors: Array<string>,
    unit: string
    showValue: boolean
}

const config: IConfig = {
    data: [
        {
          name: '南阳',
          value: 167
        },
        {
          name: '周口',
          value: 123
        },
        {
          name: '漯河',
          value: 98
        },
        {
          name: '郑州',
          value: 75
        },
        {
          name: '西峡',
          value: 66
        },
      ],
      colors: ['#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],
      unit: '单位',
      showValue: true
}
const BigCapsuleChart = () => {
    return (
        <BigBase>
            <CapsuleChart config={config} style={{width: '100%', height: '100%'}} />
        </BigBase>
    )
}

export default BigCapsuleChart